// pages/food/food.js
var QQMapWX = require('../../libs/qqmap-wx-jssdk');
var qqmapsdk;
Page({
    mapCtx:null,
  /**
   * 页面的初始数据
   */
  data: {
      la:null,
      lo:null,
      markers:[]
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
      qqmapsdk = new QQMapWX({key:'YANBZ-6OTLF-XQTJX-NIQGQ-7GYC3-EGBIC'});
      this.mapCtx = wx.createMapContext('myMap');
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
       wx.getLocation({
        type:'gcj02',
        success:(res)=>{
          this.setData({la:res.latitude,lo:res.longitude})
        }
       })
  },
  //查询某个位置经纬度参数（la,lo）的食物，存入 marker 中
  getFood:function(la,lo){    
     var that = this;     // 调用接口     
     qqmapsdk.search({     
          keyword: '手办',  //搜索关键词     
             location: la+','+lo,  //设置周边搜索中心点        
             success: function (res) { //搜索成功后的回调      
                  var mks = []         
                   for (var i = 0; i < res.data.length; i++) {       
                          mks.push({ // 获取返回结果，放到 mks 数组中 
                           title: res.data[i].title,        
                           id: res.data[i].id,            
                           latitude: res.data[i].location.lat,        
                           longitude: res.data[i].location.lng,            
                           iconPath: "cloud://qwq233-4gscj1oa41316969.7177-qwq233-4gscj1oa41316969-1306016073/suliaoxiaoren/dlam.jpg", //图标路径        
                           width: 20,  
                           height: 20     
                    })         
             } 
             that.setData({ //设置 markers 属性，将搜索结果显示在地图中 
               markers:mks
             })
            }
          });
        },

         // 地图移动时，更新地图上的标记点,e 为视野，e.type=begin/end，分别表示视野变化开始和结束
         bindRegionChange: function(e) {  
              if (e.type === 'end') {//当拖动结束时，重新调用 getFood 函数获取新的美食地图     
                  this.mapCtx.getCenterLocation({        
                     success: (res) => {       
                           this.getFood(res.latitude,res.longitude)      
                             }   
                                }) 
                                  }  
        }, 
    
  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})